跳到主要内容

Cubic Bezier Animation 三次贝塞尔动画

允许您通过指定 2 个控制点来定义自定义动画曲线。三次贝塞尔曲线经过标准化,然后根据要设置动画的数字进行缩放,这意味着曲线的起点始终为 (0,0),终点始终为 (number,number)。

Cubic Bezier Animation

  • Number0
  • Duration0.4sX0Y0
  • 0.17
  • 0.17
  • 0
  • 1
  • 0
  • path

Input 输入

Number 数字

设置动画的数字。

Duration 持续时间

动画的持续时间。

Input 输入

第一个控制点的 X 位置。

Input 输入

第一个控制点的 Y 位置。

Input 输入

第二个控制点的 X 位置。

Input 输入

第二个控制点的 Y 位置。

Output 输出

Output 输出

动画中的当前值。

Path 路径

输入进度在曲线上的 X、Y 位置。这可用于绘制贝塞尔曲线。